<template>
  <div>
    <head_view title="设置" backTo='true'></head_view>
    <article>
        <ul>
            <li>账户与安全</li>
            <li>清除缓存</li>
            <li><em>系统版本</em><i>NEW</i></li>
            <li>关于我们</li>
        </ul>
        <div>
            <a href="javascript:;">退出登录</a>
        </div>
    </article>
  </div>
</template>

<script>
import Head from '../../public/head.vue';
  export default {
    data () {
      return {

      }
    },
    components:{
        head_view:Head
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
article{
    width: 100%;
    position: absolute;
    top:1rem;
    bottom:0;
    overflow-x:hidden;
    overflow-y:hidden;
    ul{
        width:100%;
        background-color: #fff;
        border-bottom: 0.01rem solid #c9c9c9;
        li{
            display: block;
            width:96%;
            margin-left: 4%;
            border-bottom: 0.01rem solid #eee;
            height: 1rem;
            line-height: 1rem;
            background:url(../../../common/images/right_arrow.png) no-repeat;
            background-size:0.15rem 0.25rem;
            background-position:96% center;
            font-size: 0.26rem;
            color:#3e3e3e;
            &:last-child{
                border:none;
            }
            em{
                vertical-align: middle;
            }
            i{
                vertical-align: middle;
                color:#fff;
                font-size: 0.18rem;
                padding:0.04rem 0.12rem;
                background-color: #ff2f2f;
                font-family: Arial;
                margin-left: 0.08rem;
                border-radius: 0.2rem;
                -webkit-border-radius: 0.2rem;
            }
        }
    }
    div{
        margin-top: 0.4rem;
        width:100%;
        height: 1rem;
        background-color: #fff;
        text-align: center;
        border-top: 0.01rem solid #c9c9c9;
        border-bottom: 0.01rem solid #c9c9c9;
        a{
            display: block;
            height: 1rem;
            line-height: 1rem;
            font-size: 0.26rem;
            color:#e20000;
        }
    }
}
</style>
